<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
    	*{margin:0;padding:0;}
    	body,html{width: 100%;height:100%;}
    </style>
</head>
<body>
    <div id="vbarChart" style="width:100%;height:100%;"></div>
    <script src="../components/echarts-4.0.4.min.js"></script>
    <script>
        var vbarChart = echarts.init(document.getElementById('vbarChart'));

		  barOption = {
		    title: {
		        text: '近五年政策落实情况',
		        left: '50%',
		        top:"7%",
		        textAlign: 'center',
		        textStyle: {
                    color: '#fff',
                    fontSize: 22
                }
		    },
		    backgroundColor:'#0A0F23',
		    color:['#336c9c','#8ce8e7','#62cff1','#17d4ee','#4fac88','#59c293','#67c47b'],
		    legend: {
		        left: 'center',
		        textStyle: {
                    color: '#fff',
                    fontSize: 16
                },
                bottom:'5%',
                data: ['创新创业','摘贫脱帽','企业培育','引导基金','领创八条','总部经济']
		    },
		    xAxis: {
		        type: 'category',
		       	data: ['2013','2014',"2015","2016","2017"],
		        boundaryGap: false,
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
               	nameTextStyle: {
		            color: '#fff'
		        },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    textStyle: {
                        color: '#fff',
                    	fontSize: 16
                    }
                },
                splitLine: {
                    show: false,
                    lineStyle: {
						 color: 'rgba(204, 204, 204, 0.3)'
					}
                }
		    },
		    grid: {
		        containLabel: true
		    },
		    yAxis: {
		        type: 'value',
		        boundaryGap : false,
                axisLine: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
               	nameTextStyle: {
		            color: '#fff'
		        },
                axisTick: {
                    lineStyle: {
                        color: '#fff'
                    }
                },
                axisLabel: {
                    interval: 0,
                    textStyle: {
                        color: '#fff',
                    	fontSize: 16
                    }
                },
                splitLine: {
                    show: false,
                    lineStyle: {
						 color: 'rgba(204, 204, 204, 0.3)'
					 }
                }
		    },
		    series: [{
		        name: '创新创业',
		        type: 'line',
		        smooth: true,
		        showSymbol: false,
		        symbol: 'circle',
		        symbolSize: 6,
		        data: ['2500', '2400', '2808', '1811', '1626', '2488', '2600', '2100', '1500', '2300', '1998', '1822'],
		        areaStyle: {
		            normal: {
		                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		                    offset: 0,
		                    color: 'rgba(28, 71, 236,1)'
		                }, {
		                    offset: 1,
		                    color: 'rgba(28, 71, 236,0.5)'
		                }], false)
		            }
		        },
		        itemStyle: {
		            normal: {
		                color: '#8ce8e7'
		            }
		        },
		        lineStyle: {
		            normal: {
		                width: 3
		            }
		        }
		    },
		    {
		        name: '摘贫脱帽',
		        type: 'line',
		        smooth: true,
		        showSymbol: false,
		        symbol: 'circle',
		        symbolSize: 6,
		        data: ['3600', '3800', '3508', '3411', '3226', '3088', '3500', '3800', '2100', '1900', '3518', '3222'],
		        areaStyle: {
		            normal: {
		                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		                    offset: 0,
		                    color: 'rgba(89,194, 147,0.5)'
		                }, {
		                    offset: 1,
		                    color: 'rgba(89,194, 147,0.2)'
		                }], false)
		            }
		        },
		        itemStyle: {
		            normal: {
		                color: '#17d4ee'
		            }
		        },
		        lineStyle: {
		            normal: {
		                width: 3
		            }
		        }
		    }, {
		        name: '企业培育',
		        type: 'line',
		        smooth: true,
		        showSymbol: false,
		        symbol: 'circle',
		        symbolSize: 6,
		        data: ['4260', '4500', '4808', '4911', '3926', '4488', '4000', '4200', '3500', '4300', '4998', '4822'],
		        areaStyle: {
		            normal: {
		                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		                    offset: 0,
		                    color: 'rgba(28, 71, 236,1)'
		                }, {
		                    offset: 1,
		                    color: 'rgba(28, 71, 236,0.5)'
		                }], false)
		            }
		        },
		        itemStyle: {
		            normal: {
		                color: '#4fac88'
		            }
		        },
		        lineStyle: {
		            normal: {
		                width: 3
		            }
		        }
		    },
		    {
		        name: '引导基金',
		        type: 'line',
		        smooth: true,
		        showSymbol: false,
		        symbol: 'circle',
		        symbolSize: 6,
		        data: ['5000', '5600', '5008', '5411', '5826', '5288', '4300', '5800', '4900', '4590', '5318', '4822'],
		        areaStyle: {
		            normal: {
		                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
		                    offset: 0,
		                    color: 'rgba(89,194, 147,0.8)'
		                }, {
		                    offset: 1,
		                    color: 'rgba(89,194, 147,0.2)'
		                }], false)
		            }
		        },
		        itemStyle: {
		            normal: {
		                color: '#59c293'
		            }
		        },
		        lineStyle: {
		            normal: {
		                width: 3
		            }
		        }
		    },
            {
                name: '领创八条',
                type: 'line',
                smooth: true,
                showSymbol: false,
                symbol: 'circle',
                symbolSize: 6,
                data: ['4800', '3600', '2008', '4411', '3826', '2288', '3300', '1800', '2900', '4590', '3318', '5822'],
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(89,194, 147,0.8)'
                        }, {
                            offset: 1,
                            color: 'rgba(89,194, 147,0.2)'
                        }], false)
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#59c293'
                    }
                },
                lineStyle: {
                    normal: {
                        width: 3
                    }
                }
            },
            {
                name: '总部经济',
                type: 'line',
                smooth: true,
                showSymbol: false,
                symbol: 'circle',
                symbolSize: 6,
                data: ['5000', '5260', '5008', '5411', '4826', '2288', '4600', '5100', '2900', '5590', '5918', '4482'],
                areaStyle: {
                    normal: {
                        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                            offset: 0,
                            color: 'rgba(89,194, 147,0.8)'
                        }, {
                            offset: 1,
                            color: 'rgba(89,194, 147,0.2)'
                        }], false)
                    }
                },
                itemStyle: {
                    normal: {
                        color: '#59c293'
                    }
                },
                lineStyle: {
                    normal: {
                        width: 3
                    }
                }
            }]
		};
        vbarChart.setOption(barOption);
    </script>
</body>
</html>